<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<style>
.container-fluid {
  padding:0 0;
}
</style>

<!-- <link type="text/css" rel="stylesheet" href="pages/monitor/css/overview.css" /> -->
<link rel="stylesheet" type="text/css" href="pages/monitor/css/index.css"/>

	
	<div class="systemPanel" id="overview_content">
		<div class="left-box">
			<div class="panel-title">
				力神动力电池远程监控感知大屏
			</div>
			<div class="bottom-item">
				<div class="item">
					<h3>今日报警数</h3>
					<span id="todayAlertNum"></span>
				</div>
				<div class="item">
					<h3>电池上电总量</h3>
					<span id="powerOnNum"></span>
				</div>
				<div class="item-2">
					<span id="now">2017-07-04 星期一</span>
					<p id="now_time">13:38</p>
				</div>
			</div>
		</div>

		<div class="right-box">
			<ul>
				<li id="chart-1"></li>
				<li id="chart-2"></li>
				<li class="last">
					<div class="list-item" id="chart-3"></div>
					<div class="list-item last" id="chart-4"></div>
				</li>
			</ul>
		</div>
		
		<div id="battery-map" style="width: 50%; height: 80%; background: rgba(255,255,255,.3); z-index: 0;"></div>
	</div>

<!-- <script type="text/javascript" src="pages/monitor/js/overview.js"></script> -->
<!-- <script src="script/echarts/js/echarts-all.js"></script> -->


<script type="text/javascript" src="pages/monitor/js/index.js"></script>
<script type="text/javascript">
	jQuery(document).ready(function() {
	    overview.init();
	});
</script>
